제이쿼리의 이벤트 핸들러로는 bind(), delegate(), live(), on() 등등이 있습니다. 그 중에서
live() 이벤트 핸들러가 있는데 이에 대하여 알아봅니다. 이 이벤트 역시 bind()함수처럼 클릭이나 그 외의
이벤트를 연결해주는 핸들러로서 사용됩니다. 사용방법은 간단하며 아래와 같습니다.
$(선택요소).live('해당 이벤트')
그럼 아래에서 예제와 함께 알아보세요.
# 제이쿼리 이벤트핸들러 live() 예제보기
아래는 간단한 live() 이벤트 핸들러를 사용한 이벤트 등록 코드 예제입니다. 만약 id가 ele인 요소에 이벤트를 수행하는 경우 다음과 같습니다.
$('#ele').live('click', function() {
alert('Hi');
});
!! 그러면, live() 함수가 bind() 같은 다른 핸들러 함수와의 차이점은 무엇일가요?바로 현재에 해당하는 요소(element)가 없더라도
나중에 생성될 경우까지 적용될 수 있다는 점입니다. 즉, 이벤트를 수행할 엘리먼트 요소가 나중에 생기게 되면 그때 적용되어 수행하게됩니다. 즉 이벤트가 계속해서 적용된다는 점이지요.
! 참고사항
live() 함수는 deprecated 된 함수로써 1.9 이후부터는 삭제되었으니 on() 통합 이벤트핸들러를 사용해야합니다. 최근에는 제이쿠ㅏ리 구버전을 사용하지 않아 보기 힘든 핸들러 메서드입니다.